<template>
  <div>
    <h1 v-color="'green'">hello vue</h1>
    <h2 v-fcolor>使用全局自定义这里设置颜色</h2>
  </div>
</template>

<script>
export default {
  directives: {
    color: {
      inserted(el,binding){
        // 自定义指令的传值和接收值
        // el：就是使用该指令的标签
        // 自定义指令传值：在使用指令的时候传递即可，eg: v-color="'green'"
        // 如何接收指令传递过来的值？答：可以通过inserted函数的第二参数接收，binding.value来接收
        // console.log(13,el);
        console.log(15,binding);
        el.style.color = binding.value;
      }
    }
  }
}
</script>

<style>

</style>